
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">

    <link href="/styles/setting.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.fileupload.js"></script>
    <script src="/js/plugins/datepicker/datepicker.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/setting.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
</head>
<body>


<#include "../common/navbar.ftl">

    <script>

            $(function(){
                M.closure(function(require) {
                    var Alert = require('dialog/alert');
                    $('#verify').on('click', function () {
                        var email = $.trim($('#email').val());
                        if (!email) {
                            Alert.pop('请填写邮箱');
                        } else {
                            var data = {
                                'active_mail': email,
                                '__ctk__': window.Env.CSTK
                            };
                            $.post('/home/mail/sendVerifyMail', data, function (res) {
                                if (res.ret != 1) {
                                    Alert.pop(res.msg);
                                } else {
                                    window.location.reload();
                                }
                            },'json');
                        }
                    });
                    $('#resendEmail').on('click', function () {
                        var email = '';
                        var data = {
                            'active_mail': email,
                            '__ctk__': window.Env.CSTK
                        };
                        $.post('/home/mail/sendVerifyMail', data, function (res) {
                            console.log(res);
                            if (res.ret != 1) {
                                Alert.pop(res.msg);
                            } else {
                                Alert.pop('已重发验证邮件');
                            }
                        },'json');
                    });
                    $('#changeBtn').on('click', function(){
                        $('#verifyEmail').hide();
                        $('#changeEmail').show();
                    });
                });
            });


    </script>

</div>



<div class="wrapper clearfix">
    <div class="aside">
        <a href="/setting/" ><i class="i1"></i>我的信息</a>
        <a href="/setting/avatar/" ><i class="i2"></i>我的头像</a>
        <a href="/setting/bind/" ><i class="i3"></i>绑定设置</a>
        <a href="/setting/security/" class="on"><i class="i4"></i>账号安全</a>



       <#-- <a href="/setting/domain/" ><i class="i8"></i>我的窝设置</a>-->
        <a href="/setting/blacklist/" ><i class="i9"></i>黑名单管理</a>
        <a href="/setting/wallet/" ><i class="i10"></i>我的钱包</a>
    </div>

    <div class="content">
        <div class="hd">
            <strong>设置邮箱</strong>
            <span>
                    资料完善度
                    <div class="progress">
                        <div class="num">70%</div>
                        <div class="on" style="width:70%"></div>
                    </div>
                </span>
        </div>

        <div class="setmail">
            <!--setMail-->
            <div class="navtag">
                <a class="step1 on" href=""><i></i>输入邮箱</a><a class="step2 " href=""><i></i>前往邮箱验证</a><a class="step3 " href=""><i></i>完成绑定</a>
            </div>
            <div class="set-mail">
                <dl class="clearfix">
                    <dt>新的邮箱：</dt>
                    <dd><input type="text" id="email" value=""></dd>
                </dl>
                <div class="tips">我们将向该邮箱发送验证邮件，点击该邮件中的链接完成验证。</div>
                <div class="btns">
                    <a class="btn-sub" id="verify" href="javascript:;">发送验证邮件</a>
                    <a class="btn-exit" href="/setting/security/">取消</a>
                </div>
            </div>
            <!--setMail end-->
        </div>

    </div>
</div>

<link href="https://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>

<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>中国年轻一代用得更多的旅游网站</dd>
                <dd>上亿旅行者共同打造的<strong>"旅行神器"</strong></dd>
                <dd><strong>60,000</strong> 多个全球旅游目的地</dd>
                <dd><strong>600,000</strong> 个细分目的地新玩法</dd>
                <dd><strong>760,000,000</strong> 次攻略下载</dd>
                <dd><strong>38,000</strong> 家旅游产品供应商</dd>
            </dl>
            <dl class="ft-info-col ft-info-about">
                <dt>关于我们</dt>
                <dd><a href="http://www.mafengwo.cn/s/about.html" rel="nofollow">关于马蜂窝</a><a href="http://www.mafengwo.cn/s/contact.html" class="m_l_10" rel="nofollow">联系我们</a></dd>
                <dd><a href="http://www.mafengwo.cn/s/private.html" rel="nofollow">隐私政策</a><a href="http://www.mafengwo.cn/s/logo.html" rel="nofollow" class="m_l_10">商标声明</a></dd>
                <dd><a href="http://www.mafengwo.cn/s/agreement.html" rel="nofollow">服务协议</a><a href="http://www.mafengwo.cn/s/rules.html" rel="nofollow" class="m_l_10">游记协议</a></dd>
                <dd><a href="http://www.mafengwo.cn/s/salesagreement.html" rel="nofollow">商城平台服务协议</a></dd>
                <dd><a href="http://www.mafengwo.cn/s/property.html" rel="nofollow">网络信息侵权通知指引</a></dd>
                <dd style="white-space: nowrap;"><a href="http://www.mafengwo.cn/s/monitor.html" rel="nofollow">马蜂窝旅游网服务监督员</a></dd>
                <dd><a href="http://www.mafengwo.cn/s/sitemap.html" target="_blank">网站地图</a><a class="joinus highlight m_l_10" title="马蜂窝团队招聘" target="_blank" href="https://app.mokahr.com/apply/mafengwo1/173#/page/社会招聘?_k=j4j3ux" rel="nofollow">加入马蜂窝</a></dd>
            </dl>
            <dl class="ft-info-col ft-info-service">
                <dt>旅行服务</dt>
                <dd>
                    <ul class="clearfix">
                        <li><a target="_blank" href="http://www.mafengwo.cn/gonglve/">旅游攻略</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/hotel/">酒店预订</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/sales/">旅游特价</a></li>
                        <li><a target="_blank" href="http://zuche.mafengwo.cn/">国际租车</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/wenda/">旅游问答</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/insure/">旅游保险</a></li>
                        <li><a target="_blank" href="http://z.mafengwo.cn">旅游指南</a></li>
                        <li><a target="_blank" href="http://huoche.mafengwo.cn">订火车票</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/travel-news/">旅游资讯</a></li>
                        <li><a target="_blank" href="http://www.mafengwo.cn/app/intro/gonglve.php">APP下载</a></li>
                        <li style="width: 120px;"><a target="_blank" href="http://www.mafengwo.cn/sales/alliance.php" class="highlight">旅行商城全球商家入驻</a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                    <p>马蜂窝良品<br>官方服务号</p>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                    <p>马蜂窝旅游<br>订阅号</p>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                    <p>马蜂窝APP<br>扫描立即下载</p>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>旅游之前，先上马蜂窝！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="http://weibo.com/mafengwovip" rel="nofollow"><i class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="http://t.qq.com/mafengwovip" rel="nofollow" ><i class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="http://1213600479.qzone.qq.com/" rel="nofollow"><i class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-copyright">
            <a href="http://www.mafengwo.cn"><i class="ft-mfw-logo"></i></a>
            <p>© 2019 Mafengwo.cn
                <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">京ICP备11015476号</a>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502013401" target="_blank"><img src="https://images.mafengwo.net/images/footer/police_record.png" width="12" style="margin:0 2px 4px 0;">京公网安备11010502013401号</a>
                <a href="https://n2-q.mafengwo.net/s14/M00/CB/D1/wKgE2l1eMEaAY8n4AA4wSFefaLc94.jpeg" target="_blank" rel="nofollow">京ICP证110318号</a>
                <span class="m_l_10">违法和不良信息举报电话: 010-83416877 举报邮箱: mfwjubao@mafengwo.com</span>
            </p>
            <p>
                <a href="https://n2-q.mafengwo.net/s14/M00/CB/4C/wKgE2l1eMB-AFs0sAB7jJAiDaNA17.jpeg" target="_blank" rel="nofollow" class="m_l_10">网络出版服务许可证</a>
                <a href="https://b4-q.mafengwo.net/s14/M00/CB/FA/wKgE2l1eMFGAQI4LABmNJYlBasQ00.jpeg" target="_blank" rel="nofollow" class="m_l_10">增值电信业务经营许可证</a>
                <a href="https://p1-q.mafengwo.net/s14/M00/B0/74/wKgE2l1CgbCAXc97ACZLiibfY8M62.jpeg" target="_blank" rel="nofollow" class="m_l_10">营业执照</a>
                <a href="https://p1-q.mafengwo.net/s14/M00/CC/28/wKgE2l1eMF2AcAOpABhXGZtsUJ820.jpeg" target="_blank" rel="nofollow" class="m_l_10">广播电视节目制作经营许可证</a>
                <a href="/sales/uhelp/doc" target="_blank" rel="nofollow" class="m_l_10">帮助中心</a>
                <span class="m_l_10">马蜂窝客服：国内</span><span class="highlight">4006-345-678</span>
                <span class="m_l_10">海外</span> <span class="highlight">+86-10-8341-6888</span>
            </p>
        </div>
        <div class="ft-safety">
            <a class="s-a" target="_blank" href="https://search.szfw.org/cert/l/CX20140627008255008321" id="___szfw_logo___"></a>
            <a class="s-b" href="https://ss.knet.cn/verifyseal.dll?sn=e130816110100420286o93000000&ct=df&a=1&pa=787189" target="_blank" rel="nofollow"></a>
            <a class="s-c" href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1669928206.html" target="_blank" rel="nofollow"></a>
            <a class="s-d" href="http://www.itrust.org.cn/Home/Index/satification_certificate/wm/MY2019051501.html" target="_blank" rel="nofollow"></a>
        </div>

    </div>
</div>
<style>
    #banner-con-gloable{
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width:100%;
        height: 179px;
        overflow-x: hidden;
    }
    #banner-con-gloable .banner-btn-con{
        width: 100%;
        height:162px;
        background:rgba(30,15,8,0.95);
        position: absolute;
        bottom: 0;
    }
    #banner-con-gloable .banner-btn-con .close-btn{
        position: absolute;
        right: 35px;
        top:24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor:pointer;
    }
    #banner-con-gloable .banner-image-con{
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }
    #float-pannel-gloable{
        padding-left: 28px;
        padding-bottom: 20px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }
    #float-pannel-gloable .float-btn{
        width: 24pxpx;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    #closed{
        height:24px;
        width:24px;
        vertical-algin:top;
        border:none;
        cursor:pointer;
    }
</style>

<div id="float-pannel-gloable">
    <img class="float-image" src="https://p4-q.mafengwo.net/s14/M00/BB/8C/wKgE2l0r2W-ALHaeAACAt6lqXyA464.png" style="width:178px;">
    <div class="float-btn">
        <img id="closed" src="https://n4-q.mafengwo.net/s13/M00/46/AC/wKgEaVy2xHeAZJhRAAADGY-wozY871.png"></div>
</div>









<script>
    $(function () {

        var flag_page = location.href.match(/^(https|http):\/\/www\.mafengwo\.cn\/?$/g) ||
                location.href.match(/^(https|http):\/\/www\.mafengwo\.cn(\/\?\S*)/g) ||
                location.href.match(/(cn\/gonglve|cn\/yj\/|cn\/i\/|cn\/jd\/|cn\/xc\/|cn\/schedule\/|cn\/baike\/|cn\/poi\/|mdd|travel-scenic-spot)/g)

        // if(!!flag_page && getCookie('ad_hide')!='1' && getCookie('ad_close_num')<2){
        //     handleBannerShow();
        // }
    });

    // 浮标关闭按钮点击
    $("#float-pannel-gloable .float-btn").click(function () {
        $("#float-pannel-gloable").animate({ left:-230,},800,'swing');
        add_cookie('ad_hide','1',1);
        if(!getCookie('ad_close_num')){
            add_cookie('ad_close_num',1,9999)
        }else if(!!getCookie('ad_close_num')){
            add_cookie('ad_close_num',getCookie('ad_close_num')*1+1,9999)
        }
    });

    function add_cookie(name,value,n) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24*60*1000*60*n);
        document.cookie=name+'='+value+';expires='+exp.toGMTString()+';path=/';
    }

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');

        for(var i=0; i<ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1);
            if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }

        return "";
    }

    function delCookie(name)
    {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval=getCookie(name);
        if(cval!=null)
            document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }

    function handleBannerShow() {
        $("#float-pannel-gloable").animate({ left:0,},500,'swing');
    }

</script>




<script type="text/javascript">
    $(function() {
        $('.aside a').not('.on').on('click', function(e) {
            var left, top;
            $('.aside .ripple').removeClass('animate');
            0 === $(this).children('.ripple').size() && $(this).prepend('<span class="ripple"></span>');
            var ripple = $(this).children('.ripple');
            left = e.pageX - $(this).offset().left - ripple.width() / 2,
                    top = e.pageY - $(this).offset().top - ripple.height() / 2,
                    ripple.css({
                        top: top,
                        left: left
                    }).addClass('animate');
        });
        $('.content .alert .close').on('click', function() {
            $(this).closest('.alert').fadeOut(500, function() {
                $(this).remove();
            });
        });
    });
</script>


<script>
    $(function(){
        M.closure(function(require) {
            var Alert = require('dialog/alert');
            $('#verify').on('click', function () {
                var email = $.trim($('#email').val());
                if (!email) {
                    Alert.pop('请填写邮箱');
                } else {
                    var data = {
                        'active_mail': email,
                        '__ctk__': window.Env.CSTK
                    };
                    $.post('/home/mail/sendVerifyMail', data, function (res) {
                        if (res.ret != 1) {
                            Alert.pop(res.msg);
                        } else {
                            window.location.reload();
                        }
                    },'json');
                }
            });
            $('#resendEmail').on('click', function () {
                var email = '';
                var data = {
                    'active_mail': email,
                    '__ctk__': window.Env.CSTK
                };
                $.post('/home/mail/sendVerifyMail', data, function (res) {
                    console.log(res);
                    if (res.ret != 1) {
                        Alert.pop(res.msg);
                    } else {
                        Alert.pop('已重发验证邮件');
                    }
                },'json');
            });
            $('#changeBtn').on('click', function(){
                $('#verifyEmail').hide();
                $('#changeEmail').show();
            });
        });
    });
</script>


<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+ACnzzGaLog:js+ARecruit^Z1db^1564052076.js");
    }
</script>

</body>
</html>
